<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="movie.css">
</head>

<body>
  <!-- 主页面 -->
  <main>
    <!-- 标题 -->
    <header>
      <a href="">首页</a>
      <a href="">商店</a>
      <a href="">乐园</a>
      <img src="movie/ia_900000000.png" alt="">
      <a href="">影视</a>
      <a href="">数码</a>
      <a href="">迪士尼英语</a>
    </header>
    <!-- 内容 -->

    <!-- 大图 -->
    <section class="banner">
      <a href="">
        <img src="movie/ia_900000003.jpg" alt="">
      </a>
    </section>



    <!-- 最新电影 -->
    <section class="NewMovie">
      <h1>最新电影</h1>
      <div>
        <!-- 电影左侧 -->
        <div class="NewMovieLift">
          <!-- 文字块 -->
          <a href="">
            <h2>《二分之一的魔法》北美海报正式来袭！</h2>
          </a>
          <p>“荷兰弟”携手“星爵”破次元合体，化身奇幻世界的精灵兄弟。</p>
        </div>


        <!-- 电影右侧 -->
        <div class="NewMovieRight">
          <!-- 电影右侧上 -->
          <div>
            <!-- 图片 -->
            <a href="">
              <img src="movie/ia_900000005.jpg" alt="">
            </a>
            <!-- 文字块 -->
            <div>
              <a href="">
                <h2>电影《黑寡妇》先导海报同步首发</h2>
              </a>
              <p>“北美2020年5月1日上映，敬请期待！</p>
            </div>
          </div>
          <!-- 电影右侧下 -->
          <div>
            <!-- 文字块 -->
            <div>
              <a href="">
                <h2>《SOUL》全球首发先导预告片来袭！</h2>
              </a>
              <p>“更重要的是，片名的含义究竟为何？</p>
            </div>
            <!-- 图片 -->
            <a href="">
              <img src="movie/ia_900000006.jpg" alt="">
            </a>
          </div>
        </div>
      </div>

    </section>



    <!-- 电视 -->
    <section class="TV">
      <h1>电 视</h1>
      <div>
        <!-- 电视左侧 -->
        <div class="TVLift">
          <!-- 文字块 -->
          <a href="">
            <h2>最爱迪士尼</h2>
          </a>
          <p>汇集众多精彩且适合阖家共享的正版迪士尼动画剧集，包括《米奇妙妙屋》、《星际宝贝、小熊尼与跳跳虎》、《飞哥与小佛》等，每一部动画剧集都有不同的风格，通过精彩的故事情节盒丰富的动画内容，让观众从中领略到充满正能量的人生观。</p>
        </div>


        <!-- 电视右侧 -->
        <div class="TVRight">
          <!-- 电影右侧上 -->
          <div class="TVRight-top">
            <!-- 图片 -->
            <a href="">
              <img src="movie/ia_900000008.jpg" alt="">
            </a>
            <!-- 文字块 -->
            <div>
              <a href="">
                <h2>《星球大战：义军崛起》第二季回归！</h2>
              </a>
              <p>星球大战：义军崛起》第二季将同时登陆爱奇艺和乐视网动漫频道，并每周与全球同步跟播。</p>
            </div>
          </div>
          <!-- 电视右侧下 -->
          <div class="TVRight-bottom">
            <!-- 文字块 -->
            <div>
              <a href="">
                <h2>平凡女孩，非凡小公主苏菲亚！</h2>
              </a>
              <p>每一集的节目里，苏亚菲都会遇到不同的问题，一起来看她怎么克服困难，帮助身边需要协助的朋友，也让自己成为一个人见人爱的小公主。</p>
            </div>
            <!-- 图片 -->
            <a href="">
              <img src="movie/ia_900000009.jpg" alt="">
            </a>
          </div>
        </div>
      </div>
    </section>



    <!-- 更多资讯 -->
    <section class="news">
      <h1>更多资讯</h1>
      <div>
        <!-- 资讯左侧 -->
        <div class="newsLeft">
          <!-- 图片 -->
          <a href="">
            <img src="movie/ia_900000010.jpg" alt="">
          </a>
          <!-- 文字块 -->
          <div>
            <a href="">
              <h2>恭喜《星球大战9》获得英国学院奖提名</h2>
            </a>
            <p>恭喜《星球大战：天行者崛起》获得第73届英国电影学院提名最佳视觉效果、最佳原创配乐和最佳音效！</p>
          </div>
        </div>
        <!-- 资讯右侧 -->
        <div class="newsRight">
          <!-- 新闻1 -->

          <div class="news1">
            <!-- 日期 -->
            <div class="date">
              <p class="mon">17</p>
              <p class="day">21</p>
            </div>
            <img src="movie/ia_900000012.jpg" alt="">
            <!-- 文字块 -->
            <div class="text">
              <a href="">
                <h2>《二分之一的魔法》新预告发布</h2>
              </a>
              <p>“2020年3月6日北美上映</p>
            </div>
            <!-- 箭头 -->
            <img class="JT" src="movie/arrow.jpg" alt="">
          </div>

          <!-- 新闻2 -->
          <div class="news2">
            <!-- 日期 -->
            <div class="date">
              <p class="mon">07</p>
              <p class="day">01</p>
            </div>
            <img src="movie/ia_900000012.jpg" alt="">
            <!-- 文字块 -->
            <div class="text">
              <a href="">
                <h2>恭喜《星球大战9》获英国电影学院奖提名</h2>
              </a>
              <p>光与暗，正与邪的决战</p>
            </div>
          </div>
          <!-- 新闻3 -->
          <div class="news3">
            <!-- 日期 -->
            <div class="date">
              <p class="mon">08</p>
              <p class="day">01</p>
            </div>
            <img src="movie/ia_900000012.jpg" alt="">
            <!-- 文字块 -->
            <div class="text">
              <a href="">
                <h2>恭喜《冰雪奇缘2》提名第31届美国制片人工会奖</h2>
              </a>
              <p>提名第31届美国制片人工会奖[最佳动画电影]</p>
            </div>
          </div>
          <!-- 新闻4 -->
          <div class="news4">
            <!-- 日期 -->
            <div class="date">
              <p class="mon">13</p>
              <p class="day">01</p>
            </div>
            <img src="movie/ia_900000012.jpg" alt="">
            <!-- 文字块 -->
            <div class="text">
              <a href="">
                <h2>《狮子王》入围2020奥斯卡最佳视觉效果奖</h2>
              </a>
              <p>辛巴加油</p>
            </div>
          </div>
          <!-- 新闻5 -->
          <div class="news5">
            <!-- 日期 -->
            <div class="date">
              <p class="mon">13</p>
              <p class="day">01</p>
            </div>
            <img src="movie/ia_900000012.jpg" alt="">
            <!-- 文字块 -->
            <div class="text">
              <a href="">
                <h2>电影《黑寡妇》先导海报同步首发</h2>
              </a>
              <p>“北美2020年5月1日上映，敬请期待！</p>
            </div>
          </div>
        </div>
      </div>
    </section>



    <!-- 底部 -->
    <footer>
      <div class="bottom">
        <section>
          <div class="logo">
            <img src="movie/ia_900000000.png" alt="">
          </div>
          <div class="weibo">
            <img src="movie/ia_900000017.jpg" alt="">
            <p>关注我们的微博</p>
          </div>
          <div class="wechat">
            <img src="movie/ia_900000018.jpg" alt="">
            <p>关注我们的微信</p>
          </div>
        </section>
        <nav>
          <a href="">关于我们</a>
          <a href="">加入我们</a>
          <a href="">法律条款</a>
          <a href="">隐私政策</a>
          <a href="">退换货政策</a>
        </nav>
        <p>Lorem ipsum dolor sit amet adipisicing elit. Incidunt, nisi.</p>
        <p>电子营业执照</p>
      </div>

    </footer>
  </main>

</body>

</html>